<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<div th:replace="themes/default/xin/header::header(null,null)"></div>
  <body>
    <!-- Page Header -->
    <header class="masthead" style="background-image: url('/another/img/home-bg.jpg')">
      <div class="overlay"></div>
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-md-10 mx-auto">
            <div class="site-heading">
              <h1>宋欣聪的博客</h1>
              <span class="subheading">砖要一块一块地搬，墙要一层一层地砌。</span>
            </div>
          </div>
        </div>
      </div>
    </header>

    <!-- Main Content -->
    <div class="container">
      <div class="row">
        <div class="col-lg-8 col-md-10 mx-auto">
          <div th:each="article,articleStat: ${articles.list}">
          <div class="post-preview">
            <a href="post.html" th:href="${commons.permalinkAnother(article.cid, article.slug)}">
              <h2 class="post-title" th:text="${article.title}">
              </h2>
              <h5 class="post-subtitle" th:text="${commons.intro(article.content, 200) + '...'}">
              </h5>
            </a>
            <p class="post-meta" th:text="${'Posted by 宋欣聪 on ' + commons.fmtdate(article.created)}"></p>
          </div>
          <hr>
          </div>
          <!-- Pager -->
          <div class="clearfix">
            <a class="btn btn-primary float-left" th:href="@{'/xin/page' + ${articles.prePage}}" th:if="${articles.hasPreviousPage}">← Newer Posts</a>
            <a class="btn btn-primary float-right" th:href="@{'/xin/page' + ${articles.nextPage}}" th:if="${articles.hasNextPage}">Older Posts →</a>
          </div>
        </div>
      </div>
    </div>
    <hr>
  </body>
<div th:replace="themes/default/xin/footer::footer"></div>
</html>
